🍄本日魔法

　web_dark_mode

　　　適用版本：16.0
　

🍄模組功能

提供後台深色模式的使用介面。

🍄使用情境

在眾多OCA模組中，
除了有可以調整導航欄顏色的模組外，
也有讓整個畫面變成深色模式的模組web_dark_mode。
安裝後，使用者可以從右上方選單開啟深色模式。

打開後就會切換成深色畫面，但可以發現有一些顏色配得不是很友善，甚至有點影響閱讀。


所以我其實不是那麼建議使用深色模式XD

但還是那句...這個世界是有魔法師的💡💡💡
已經有一個深色背景的架構了，彩色背板的日子還會遠嗎？
別人改車，我們改模組🔧
打開下載的模組包，可以看到__manifest__.py裡有一段是這樣寫的：

"assets": {
        "web.dark_mode_assets_common": [
            ("prepend", "web_dark_mode/static/src/scss/variables.scss"),
        ],
        "web.dark_mode_assets_backend": [
            ("prepend", "web_dark_mode/static/src/scss/variables.scss"),
        ],
        "web.assets_backend": [
            "web_dark_mode/static/src/js/switch_item.esm.js",
        ],
    },

新鮮的葡萄柚藏在純喫茶裡，
控制顏色的資料寫在[variables.scss]裡，我們去找出variables.scss檔案。

打開後會看到一連串的顏色代碼，是由深到淺的黑色系列，
我們可以利用從光明頂禁地中習得的乾坤大挪移，把顏色代碼替換成我們想要的顏色。
顏色的搭配除了可以參考Day5的做法，
也可以直接搜尋關鍵字「色碼表」，就能快速建製同個顏色的漸層色號啦 ʕ•ᴥ•ʔ
當然如果有色彩專家可以當顧問是最好，沒有的話就自己土法煉鋼囉～

色號修改完畢儲存後，再把修改後的模組包丟進主機。
最後一步，進系統更新模組，顏色就能換過去啦～

🍄心得感想

延續昨天快樂的多巴胺色調，今天的模組改變的是整個介面背景。
一樣是不影響系統正常運作，但影響使用者的工作情緒😎
佛靠金裝，人靠衣裝，Odoo系統靠OCA改裝。
無論你是系統顧問或開發人員，善用OCA模組，都能給自己或是給客戶更佳的使用體驗。

p.s. web_dark_mode模組的寫法不是直接變更背景畫面，而是在原本的背景顏色上再加一層深色效果，
所以大家在選色時要注意搭配唷～